import React from 'react';

import { useModel } from 'umi';
import {Alert, Card, Spin} from 'antd';
import {PageContainer} from "@ant-design/pro-layout";

export default () => {
  const { initialState, loading, refresh, setInitialState } = useModel('@@initialState');

  if (loading) {
    return <Spin />;
  }

  return (
    <PageContainer>
      <Card>
        <Alert
          message='开发中'
          type="success"
          showIcon
          banner
          style={{
            margin: -12,
            marginBottom: 24,
          }}
        />
        <p>hello,{initialState.currentUser.name}</p>
      </Card>
    </PageContainer>
  );
};
